body{
    margin: auto;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
header{
    height: 70px;
    width: 100%;
    margin-bottom: 0;
    position: fixed;
    z-index: 10;
    min-width: 1200px;
    background-color:#a5a5a5 ;
    filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
    -moz-opacity:0.7; /*Firefox私有，透明度50%*/
    opacity:0.7;/*其他，透明度50%*/
}
.headerColor{
    /*background-color: #a5a5a5;*/
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
    width: 80%;
}

.top-logo{
    margin-top: 10px;
    height: 70%;
    width: 75px;
    margin-left: 50px;
    float: left;
}

.top-logo img{
    height: 100%;
}
.top-text{
    padding-top: 13px;
    height: 100%;
    float: left;
}
.top-text h1{
    /*font-family:"楷体";*/
    font-weight:700;
    font-size:1.2em;
    color:#000000;
    margin: auto;
}
.top-text p{
    font-family:'Arial Normal', 'Arial';
    font-weight:400;
    font-size:13px;
    color:#666666;
    margin: auto;
}
.top-nav{
    margin-top: 8px;
    height: 100%;
    float: right;
    margin-right: 150px;
}
.top-nav ul{
    margin: auto;
}
.top-nav li{
    padding: 10px 20px 10px 20px;
    list-style: none;
    font-size: 20px;
    float: left;
    color: white;
    font-family: 'Arial Negreta', 'Arial';
}
.top-nav li:hover{
    background-color: rgba(73, 73, 73, 0.33);
}
.partner{
    background-color: beige;
    height: 80%;
    width: 100%;
}
.footer{
    background-color: #666666;
    height: 20%;
    width: 100%;
}
.footer-container{
    width: 90%;
    height: 100%;
    padding-top: 2%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.footer-container p{
    color: #8a8a8a;
}

.teacher-left{
    height: 100%;
    float: left;
    width: 50%;
    background-color: #04d883;
}
.teacher-right{
    height: 100%;
    background-color: #444444;
    float: left;
    width: 50%;
}
.teacher-img{
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.teacher-img img{
    margin-top: 20%;
    margin-left: 44.5%;
}
.page3 h1{
    margin-top: 10%;
    color: white;
}
.page3 .teacher-left h1{
    margin-right: 10%;
    float: right;
}
.page3 .teacher-right h1{
    margin-left: 10%;
    float: left;
}
.page3 .teacher-left p{
    float: right;
    margin-right: 7%;
}
.page3 .teacher-right p{
    float: left;
    margin-left: 10%;
}
.page3 p{
    width: 300px;
    color: white;
    font-size: 30px;
}
.bus-main{

    height: 1200px;
    padding-top: 7%;
    width: 100%;
    background-color: #ffffff;
}
.bus-main h1{
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #006600;
}
.bus-main h2{
    font-size: 40px;
    color: #7e7e7e;
}
.bus-main p{
    text-align: center;
    color: red;
}
.bus-div{
    height: 500px;
}
.bus-img{
    width: 100%;
    height: 30%;
}
.bus-img img{
    height: 100%;
}
.bus-h {
    width: 100%;
    height: 30%;
}
.bus-div-in{
    height: 70%;
    border: 1px solid black;
    border-radius: 20px;
}
.bus-div-in p{
    color: black;
}
.bus-intd{
    width: 100%;
    height: 200px;
}
.span-3{
    float: left;
    width: 33.333333333%;
}
.span-1{
    float: left;

    width: 100%;
}
.span-2{

    float: left;
    width: 50%;
}
.span-4{

    float: left;
    width: 25%;
}
.span-5{
    float: left;
    width: 15%;
}
.bus-intd{
    margin-top: 5%;
}
.bus-intd-img{
    float: left;
}
.bus-intd-text{
    font-size: 30px;
    float: left;
    width: 70%;
    color: white;
}
.page1-in{
    width: 80%;
    height: 70%;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
}
.page1-in h1{
    padding-top: 5%;
    font-size: 65px;
    color: #0048ca;
    text-shadow: 4px 5px 4px #5e5e5e;
    font-family: "楷体";

}
.page1-in h2{
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    color: #524b48;

}
.page1-in img{
    height: 100%;
    float: left;
}
.page2-top{
    width: 100%;
    margin-top: 10%;
    text-align: center;
}
.page2-mid{

}
.page2-mid img{
    width: 100%;
}
.page2-text{
    text-align: center;
    color: white;
}
.page2-mid-pad{
    padding-right: 5%;
}
.lessons{
    margin-top: 5%;
}
.lesson-main{
    height: 300px;
    width: 15%;
    margin-right: 2%;
    margin-left: 2%;
    float: left;
    border-radius: 10px;
    font-size: 20px;
    padding: 5% 3%;
}

.lesson-1{
    background-color: #FFCC00;
}
.lesson-2{
    background-color: #3399FF;
}
.lesson-3{
    background-color: #F04A60;
}
.lesson-4{
    background-color: #65D19E;
}
.lesson-h{
    margin-top: 3%;
    text-align: center;
    float: none;
    border: 2px solid #ffffff;
    border-radius: 20px;
}
.lesson-h h1{
    font-size: 40px;
    color: white;
}
.partner-logo{
    float: left;
    width: 20%;
    padding-top: 20%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.partner-logo img{
    width: 100%;
}
.clear{
    clear: both;
}
.qq{
    position: fixed;
    right: 0;
}
